/*Table and Caption CSS ********************************************#b030b0#bbe1fa*/
table,th,td{
	border: 1px solid black;
	border-collapse: collapse;
}
th{
	text-align:left;
	color: white;
}
figcaption{
	color: white;
}
/* Main_CSS *************************************************/
body{
background-color:#1b262c;
}
p{
	color:#bbe1fa;
}
li{
	color:#bbe1fa;
}
h1{
	color:#bbe1fa;
}
h2{
	color:#bbe1fa;
}
hr{
	color:#0f4c75;
}
h3{
	color:#3282b8;
}
/* Link_CSS************************************************/
a.default:link, a.default:visited{
	color:#FFC23C;
	text-decoration: none;
}
a.default:hover,a.default:active{
	color: red;
    text-decoration: underline;
}
/* Menu_CSS************************************************/
#mainmenu{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #bbe1fa;
width: 100%;
}

#mainmenu_item{
	float:left;
	display: block;
	color: #1b262c;
	text-decoration:none;
	font-size:xx-large;
	padding:2% 2%;
	border-right: 1px solid #i1b262c;
}

.active{
	background-color: #3282b8;
}

a:hover:not(.active){
	background-color: #6699ba;
}
/* Paragraph_CSS************************************************/
#paragraph{
border-radius:25px;
background:#384e5e;
padding:20px;
margin-bottom: 20px;
}

/* G************************************************/
.outer-grid {
   display: flex;
   flex-wrap: wrap;
   padding: 0 4px;
}
.inner-grid {
   flex: 25%;
   max-width: 40%;
   padding: 0 4px;
}
.inner-grid img {
   margin-top: 8px;
   width: 100%;
   padding: 10px;
}
@media screen and (max-width: 800px) {
   .inner-grid {
      flex: 50%;
      max-width: 50%;
   }
}
@media screen and (max-width: 600px) {
   .inner-grid {
      flex: 100%;
      max-width: 100%;
   }
}